<template>
<div>
  <el-page-header @back="goBack" content="详情" style="margin-bottom:40px">
</el-page-header>
<el-card class="box-card" style="margin:auto;">
  <div class="card">证件类型：{{licenceType}}</div>
  <div class="card">证件号码：{{licence_number}}</div>
  <div class="card">紧急联系人：{{emergency_contact}}</div>
  <div class="card">联系方式：{{emergency_call_number}}</div>
</el-card>
</div>
</template>

<script>
import axios from 'axios'
export default{
  name: 'UnPostInfo',
  data () {
    return {
      id: this.$route.query.unpostInfoId,
      licenceType: '',
      licence_number: '',
      emergency_call_number: '',
      emergency_contact: '',
      infoid: ''
    }
  },
  methods: {
    goBack () {
      window.history.go(-1)
    }
  },
  created: function () {
    axios({
      withCredentials: true,
      maxRedirects: 0,
      method: 'get',
      url: '/admin/getDetailInfoById?id=' + this.id,
      timeout: 4000
    }).then((res) => {
      this.licence_number = res.data[0].detailInfo.licence_number
      this.emergency_contact = res.data[0].detailInfo.emergency_contact
      this.emergency_call_number = res.data[0].detailInfo.emergency_call_number
      this.licenceType = res.data[1].licenceType
    })
  }

}
</script>

<style scoped>
.text {
    font-size: 14px;
  }

  .item {
    padding: 18px 0;
  }

  .box-card {
    width: 480px;
  }
  .card {
    font-size: 120%;
    margin: 20px;
  }
</style>
